<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>投诉建议</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">
    <link rel="stylesheet" href="../../style/user/personal.css">
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="../../libs/vue.js"></script>
    <script src="../../jsc/axios.min.js"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <style>
        #app .auth-house-new-name{
            flex:2;
            text-align: right;
            margin-right:2rem;
        }
        #app .auth-house-submit{
            display: flex;
            padding:0;
            margin-top: 2rem;
        }
        #app .auth-house-submit:before{
            content:'';
            flex:2;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
    <header-component></header-component>
    <navinner-component></navinner-component>

    <!-- 主站导航 -->
    <navrow-component></navrow-component>

    <main>
        <div class="content">
            <div class="user">
                <div class="user-info-box" style="">
                    <div class="user-info-body Authentication-house-Add Authentication-station" roomid="" style="">
                        <div class="auth-house-new-item">
                            <div class="auth-house-new-name">投诉建议发生站点：</div>
                            <div class="auth-house-new-content">
                                <div class="auth-input readonly">{{site_data.sitename || "主站"}}</div>
                            </div>
                        </div>
                        <div class="auth-house-new-item">
                            <div class="auth-house-new-name">标题：</div>
                            <div class="auth-house-new-content">
                                <input type="text" class="auth-input" v-model="title">
                            </div>
                        </div>
                        <div class="auth-house-new-item align-items-start">
                            <div class="auth-house-new-name">留言内容：</div>
                            <div class="auth-house-new-content" style="display: block">
                                <textarea name="" id="" cols="30" rows="10" v-model="content"></textarea>
                                <p style="text-align: right;line-height: 2rem;color:#999;font-size:12px;">还可以输入0/500</p>
                            </div>
                        </div>
                        <div class="auth-house-new-item">
                            <div class="auth-house-new-name">验证码：</div>
                            <div class="auth-house-new-content ">
                                <input type="text" class="auth-input" style="flex:2" v-model="code">
                                <div class="auth-input" style="flex:2;margin-left: 1rem;"></div>
                                <a href="#" style="flex:1;text-align: center">换一张</a>
                            </div>
                        </div>
                        <div class="auth-house-new-item auth-house-submit">
                            <div class="auth-house-new-content">
                                <div class="submit-btn">提交</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer-component></footer-component>
</div>
<script src="../../jsc/common.js"></script>
<script src="../../jsc/component.js"></script>

<script>
    var site = window.localStorage.getItem("station") ? JSON.parse(window.localStorage.getItem("station")) : {};

    new Vue({
        el: "#app",
        data: {
            parameter: parameter,
            site_data: site,

            title:"",
            content:"",
            code:"",
        },
        mounted() {
            this.getCode();
        },
        filters: {},
        methods: {
            // 获取验证码
            getCode(){
                axios.get(sysurl+'index/captcha',{}).then(res=>{
                    if (res.data.code==1){
                        console.log(res);
                    }else{
                        layer.msg('账号已存在')
                    }
                })
            },
            // 验证表单
            verifyForm(){
                if(!this.title){

                }
            },
            // 提交表单
            submitForm(){

            }
        }
    });


</script>
</body>
</html>
